<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美福环球 - 关于我们</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
    <style>
        /* 所有样式已在index_html.html中定义，这里仅包含特定于关于页面的逻辑 */
        /* 完整样式请参考index_html.html中的style标签 */
    </style>
</head>
<body>
    <nav class="navbar">
        <div class="container">
            <div class="navbar-brand">
                <img src="https://lf-code-agent.coze.cn/obj/x-ai-cn/295833796610/attachment/美福移民logo (5)_20250901162459.png" alt="美福环球" class="navbar-logo">
                <span class="navbar-title">美福环球</span>
            </div>
            <div class="navbar-menu">
                <a href="index_html.html" class="navbar-link">首页</a>
                <a href="#" class="navbar-link">L1签证介绍</a>
                <a href="application_process.html" class="navbar-link">申请流程</a>
                <a href="about.html" class="navbar-link active">关于美福</a>
            </div>
            <button class="navbar-toggle">
                <i class="fas fa-bars"></i>
            </button>
        </div>
    </nav>

    <main class="about">
        <div class="container">
            <div class="about-content">
                <h1 class="about-title">关于美福国际</h1>
                
                <!-- 公司简介 -->
                <section class="about-section">
                    <h2 class="about-section-title">
                        <i class="fas fa-building about-section-icon"></i> 公司简介
                    </h2>
                    <p class="about-text">美福国际是一家专业的跨国移民咨询服务机构，专注于为中国企业和个人提供美国L1签证、EB-1C绿卡等专业移民解决方案。</p>
                    <p class="about-text">自成立以来，美福国际始终坚持"专业、诚信、高效"的服务理念，凭借深厚的行业经验、专业的律师团队和贴心的客户服务，已成功帮助数千名客户实现了海外发展的梦想。</p>
                    <p class="about-text">我们的核心团队由资深移民律师、前移民局官员和行业专家组成，熟悉各国移民政策和申请流程，能够为客户提供量身定制的移民方案和全程无忧的申请服务。</p>
                </section>
                
                <!-- 我们的优势 -->
                <section class="about-section">
                    <h2 class="about-section-title">
                        <i class="fas fa-star about-section-icon"></i> 我们的优势
                    </h2>
                    
                    <div class="about-advantages">
                        <div class="advantage-card">
                            <div class="advantage-icon">
                                <i class="fas fa-gavel"></i>
                            </div>
                            <h3 class="advantage-title">专业律师团队</h3>
                            <p class="advantage-description">拥有多年移民法执业经验的律师团队，熟悉各类签证申请要点和疑难问题解决方案。</p>
                        </div>
                        
                        <div class="advantage-card">
                            <div class="advantage-icon">
                                <i class="fas fa-check-circle"></i>
                            </div>
                            <h3 class="advantage-title">高成功率保障</h3>
                            <p class="advantage-description">L1签证申请成功率远高于行业平均水平，为客户提供专业评估和材料准备服务。</p>
                        </div>
                        
                        <div class="advantage-card">
                            <div class="advantage-icon">
                                <i class="fas fa-handshake"></i>
                            </div>
                            <h3 class="advantage-title">全程一对一服务</h3>
                            <p class="advantage-description">为每位客户配备专属顾问，提供从评估到获批的全程跟踪服务，确保申请顺利进行。</p>
                        </div>
                        
                        <div class="advantage-card">
                            <div class="advantage-icon">
                                <i class="fas fa-globe"></i>
                            </div>
                            <h3 class="advantage-title">中美双方法律支持</h3>
                            <p class="advantage-description">在中国和美国均设有专业团队，能够为客户提供全方位的法律支持和落地服务。</p>
                        </div>
                    </div>
                </section>
                
                <!-- 服务内容 -->
                <section class="about-section">
                    <h2 class="about-section-title">
                        <i class="fas fa-service about-section-icon"></i> 核心服务
                    </h2>
                    
                    <div class="services-list">
                        <div class="service-item">
                            <div class="service-icon">
                                <i class="fas fa-file-signature"></i>
                            </div>
                            <div class="service-content">
                                <h3 class="service-title">L1签证申请服务</h3>
                                <p class="service-description">专业的L1签证评估、材料准备、申请递交和面试辅导服务</p>
                            </div>
                        </div>
                        
                        <div class="service-item">
                            <div class="service-icon">
                                <i class="fas fa-id-card"></i>
                            </div>
                            <div class="service-content">
                                <h3 class="service-title">EB-1C绿卡申请</h3>
                                <p class="service-description">为L1签证持有人提供EB-1C绿卡申请的全程服务</p>
                            </div>
                        </div>
                        
                        <div class="service-item">
                            <div class="service-icon">
                                <i class="fas fa-briefcase"></i>
                            </div>
                            <div class="service-content">
                                <h3 class="service-title">美国公司注册与运营</h3>
                                <p class="service-description">协助客户在美国注册公司、租赁办公场地、招聘员工等落地服务</p>
                            </div>
                        </div>
                        
                        <div class="service-item">
                            <div class="service-icon">
                                <i class="fas fa-comments"></i>
                            </div>
                            <div class="service-content">
                                <h3 class="service-title">法律咨询服务</h3>
                                <p class="service-description">提供美国移民法、公司法、税法等专业法律咨询服务</p>
                            </div>
                        </div>
                    </div>
                </section>
                
                <!-- 联系我们 -->
                <section class="about-section">
                    <h2 class="about-section-title">
                        <i class="fas fa-envelope about-section-icon"></i> 联系我们
                    </h2>
                    
                    <div class="contact-info">
                        <div class="contact-details">
                            <h3 class="contact-title">联系方式</h3>
                            <ul class="contact-list">
                                <li class="contact-item">
                                    <i class="fas fa-map-marker-alt contact-item-icon"></i>
                                    <span class="contact-item-text">北京市朝阳区东三环中路财富中心</span>
                                </li>
                                <li class="contact-item">
                                    <i class="fas fa-phone contact-item-icon"></i>
                                    <span class="contact-item-text">19076122083</span>
                                </li>
                                <li class="contact-item">
                                    <i class="fas fa-clock contact-item-icon"></i>
                                    <span class="contact-item-text">周一至周五: 9:00-18:00</span>
                                </li>
                            </ul>
                            
                            <button class="contact-btn" id="contact-advisor-btn">
                                <i class="fas fa-user-tie contact-btn-icon"></i> 联系顾问
                            </button>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>
    
    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="text-center text-gray-400 text-sm">
                <p>© 2025 美福国际. 保留所有权利。本网站信息仅供参考，不构成法律建议。</p>
            </div>
        </div>
    </footer>
    
    <!-- 顾问微信模态框 (默认隐藏) -->
    <div class="modal-overlay" id="advisor-modal" style="display: none;">
        <div class="modal-container">
            <div class="modal-header">
                <h3 class="modal-title">进一步评估可添加顾问微信</h3>
                <button class="modal-close" id="close-advisor-modal">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <div class="modal-content">
                <div class="qrcode-container">
                    <img src="https://lf-code-agent.coze.cn/obj/x-ai-cn/295833796610/attachment/微信图片_20250901164955_37_98_20250901165024.jpg" alt="顾问微信二维码" class="qrcode-image">
                </div>
                <p class="modal-text">扫描二维码添加顾问微信</p>
                <p class="modal-subtext">获取一对一专业评估分析</p>
            </div>
            <button class="modal-action" id="close-modal-btn">关闭</button>
        </div>
    </div>

    <script>
        // 导航栏切换逻辑
        document.querySelector('.navbar-toggle').addEventListener('click', function() {
            const menu = document.querySelector('.navbar-menu');
            menu.style.display = menu.style.display === 'flex' ? 'none' : 'flex';
        });
        
        // 响应式处理
        window.addEventListener('resize', function() {
            const menu = document.querySelector('.navbar-menu');
            if (window.innerWidth >= 768) {
                menu.style.display = 'flex';
            } else {
                menu.style.display = 'none';
            }
        });
        
        // 联系顾问模态框
        document.getElementById('contact-advisor-btn').addEventListener('click', function() {
            document.getElementById('advisor-modal').style.display = 'flex';
        });
        
        document.getElementById('close-advisor-modal').addEventListener('click', function() {
            document.getElementById('advisor-modal').style.display = 'none';
        });
        
        document.getElementById('close-modal-btn').addEventListener('click', function() {
            document.getElementById('advisor-modal').style.display = 'none';
        });
        
        // 点击模态框外部关闭
        document.getElementById('advisor-modal').addEventListener('click', function(e) {
            if (e.target === this) {
                this.style.display = 'none';
            }
        });
    </script>
</body>
</html>